<template>
	<div class="announcement_wrapper">
		<el-page-header @back="$router.back()" :content="routerTitle"></el-page-header>
		<router-view></router-view>
	</div>
</template>

<script>
export default {
	computed: {
		routerTitle() {
			let route = this.$route;
			if (route.name === 'Announcementdetail') {
				return '通知公告详情';
			} else if (route.name === 'Announcementlist') {
				return '通知公告列表';
			}
		}
	}
};
</script>

<style lang="scss" scoped>
.announcement_wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #fff;
	.el-page-header {
		padding: 12px;
		border-bottom: solid 1px #f2f6fc;
	}
}
</style>
